<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<title>{$typeReuslt.typename}</title>
<link href="/IndexPublic/index6/css/style.css" type="text/css" rel="stylesheet">
<link  href="/IndexPublic/index6/css/component.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/IndexPublic/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/IndexPublic/index6/js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript">
$(document).ready(
	function() {
		var nowpage = 0;
		//给最大的盒子增加事件监听
		$(".container").swipe(
				{
					swipe:function(event, direction, distance, duration, fingerCount) {
						if(direction == "up"){
							nowpage = nowpage + 1;
						}else if(direction == "down"){
							nowpage = nowpage - 1;
						}
						var num = parseInt({$articleReuslt|count})-1;
						if(nowpage > num){
							nowpage = num;
						}
						if(nowpage < 0){
							nowpage = 0;
						}
						$(".container").animate({"top":nowpage * -100 + "%"},400);
						$(".page").eq(nowpage).addClass("cur").siblings().removeClass("cur");
					}
				}
		);
	}
);
</script>
</head>

<body>
<!-- 防伪入口 -->
<if condition="$type.ep_fwei eq 1">
	<a href="{:U('Fangwei/index',array('domainid'=>$domainid,'rootid'=>$rootid))}" class="fangwei"><img src="/IndexPublic/images/fweiicon.png" width="50px"></a>
</if>
<style type="text/css">
	a.fangwei{display:block; position:fixed; z-index:999; width:50px; height:50px; line-height:50px; border-radius:100%; text-align:center; color:#fff; background-color:rgba(0,0,0,.7); right:22px; bottom:56px;}
</style>
<div class="container">

	<volist name='articleReuslt' id='article' key="k">
		<div class="page page{$k-1}">
			<div class="w">
				<div class="video-box back-poplay">
					<if condition="($article['videopath'] eq '') and ($article['audiopath'] eq '')">
						<a><img src="{$article.thumbimg}"><div class="float-text"><!--<i><img src="/IndexPublic/index6/img/play.png"></i>--></div></a>
					<elseif condition="$article['videopath'] neq ''" />
						{:W('Data/getvideo',array('str'=>$article['videopath']))}
					<else />
						<link rel="stylesheet" type="text/css" href="/indexpublic/index6/Plugins/FontAwesome4.1/css/font-awesome.min.css" />
						<script type="text/javascript" src="/indexpublic/index6/js/jquery-ui.js"></script>
						<script type="text/javascript" src="/indexpublic/index6/js/tPlayer.js"></script>
						<a><img src="{$article.thumbimg}"><div class="float-text"><i><img class="playmusic" src="/indexpublic/index6/img/play1.png"></i></div></a>
						<div class="audio-box">
							<div id="playlist">
								<ul>
									<li t_cover="" t_artist="Transformers2" t_name="Transformers2">
										<a>&nbsp;</a>
										<audio preload="none"><source src="{$article['audiopath']}" type="audio/mp3"></audio>
									</li>
								</ul>
							</div>
						</div>
						<div class="play-music-box">
							<div id="wrapper">
								<div id="t_wrapper">
									<div id="t_middle">
										<div id="play"></div>
										<div id="pause" class="hidden">
										</div>
										<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="t_progress">
											<div id="trackInfo">
												<div id="error">
												</div>
												<div id="current">0:00</div>
												<div id="duration">0:00</div>
											</div>
											<div style="width: 0%;" class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min"></div>
											<span style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0"></span>
										</div>
									</div>
									<div id="t_bottom" style="display:none">
										<div id="range">
											<div id="val"></div>
											<div id="vol"></div>
											<div id="rangeVal"></div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</if>
				</div>
				<div class="to-watch"><time>{$article['pubdate']|strtotime|date='Y-m-d',###}</time></div>
			</div>
			<div class="w2">
				<div class="content-box" style="background: none; padding-top: 0px; margin-top: 20px;">
					<h3>{$article.title}</h3>
					<div class="tag-box"><img src="/IndexPublic/index6/img/line02.png"></div>
					<div class="slide-text">{$article.content}</div>
					<i class="slide-btn"><img src="/IndexPublic/index6/img/slide-btn.gif"></i>
				</div>
			</div>
		</div>
	</volist>

</div>
<!-- 底部菜单 -->
<div class="footer">
	<a href="{$home}" <if condition="$Think.get.id eq ''">class="hover"</if>><i class="gundong gundong-i0"></i><b>首页</b></a>
	<volist name="bottom" id="bot" key="k">
	<a href="{$bot['jumpaddres']}" <if condition="$Think.get.id eq $bot['id']">class="hover"</if>><i class="gundong gundong-i{$k}"></i><b>{$bot['mtitle']}</b></a>
	</volist>
</div>

<!-- 一物一码游戏规则 -->
<include file="gamerule" />
<script>
var _hmt = _hmt || [];
   (function() {
   var hm = document.createElement("script");
   hm.src = "//hm.baidu.com/hm.js?866f77a55f999b86088bf2440ad424a7";
   var s = document.getElementsByTagName("script")[0];
   s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>